<html>
  <head>
    <title>Slides</title>
    <link href="/stylesheets/slides.css" media="screen" rel="stylesheet" charset="utf-8" type="text/css" />
    <script src="/javascripts/jquery-1.3.2.js" type="text/javascript"></script>
    <script src="/javascripts/jquery.easing.js" type="text/javascript"></script>
    <script src="/javascripts/jquery.hash-changed.js" type="text/javascript"></script>
    <script src="/javascripts/slides.js" type="text/javascript"></script>
  </head>
  <body>
    <div id="slides">
      <div id="track">
        <% slides.each_with_index do |slide, idx| %>
          <div class="<%= slide.classes.join(' ') %>">
            <div id="slide-<%= idx %>" class="content">
              <%= slide.html %>
            </div>
          </div>
        <% end %>
      </div>
    </div>
  </body>
</html>
